<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="/recipe/Public/ctps_329_qq/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="/recipe/Public/ctps_329_qq/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Curabitur Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <link rel="stylesheet" href="/recipe/Public/ctps_329_qq/css/flexslider.css" type="text/css" media="screen" />
 <script src="/recipe/Public/ctps_329_qq/js/jquery-1.11.1.min.js"></script>
  <script src="/recipe/Public/ctps_329_qq/js/bootstrap.js"> </script>
  <!---- start-smoth-scrolling---->
<script type="text/javascript" src="/recipe/Public/ctps_329_qq/js/move-top.js"></script>
<script type="text/javascript" src="/recipe/Public/ctps_329_qq/js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
 
  
</head>
<body>
		<!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
						<div class="phone">
							<ul>
								<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
								<li><p>欢迎用户</p></li>
							</ul>
						</div>
						<div class="logo">
							<h1><a href="<?php echo U('Index/index');?>">ICOOK</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
						<a href="<?php echo U('Users/login');?>">登录</a>
						</div>
					
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a  href="<?php echo U('Index/index');?>" class="active">首页</a></li>
							<li><a  href="<?php echo U('Users/about');?>">关于我们</a></li>
							
						</ul>
						<!-- script for menu -->
									
							 <script>
							 $("span.menu").click(function(){
							 $(".top-menu ul").slideToggle("slow" , function(){
							 });
							 });
							 </script>
						<!-- //script for menu -->

					</div>
					<section class="slider">
						<div class="flexslider">
							<ul class="slides">
								<li>
									<div class="slider-info">
										<h2>Welcome</h2>
										<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
									</div>
								</li>
								<li>
									<div class="slider-info">
									<h2>Welcome</h2>
										<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
									</div>
								</li>
								<li>	
									<div class="slider-info">
									<h2>Welcome</h2>
										<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
									</div>
								</li>
							</ul>
						</div>
					</section>
						<!-- FlexSlider -->
							  <script defer src="js/jquery.flexslider.js"></script>
							  <script type="text/javascript">
									$(function(){
									  SyntaxHighlighter.all();
									});
									$(window).load(function(){
									  $('.flexslider').flexslider({
										animation: "slide",
										start: function(slider){
										  $('body').removeClass('loading');
										}
									  });
									});
							  </script>
						<!-- FlexSlider -->
				</div>	
			</div>
		<!--end-banner-->
			
			<div class="content">
				<!--hot-offer-->
					<div class="today-offer">
						<div class="today-head">
						<h3>今日最火</h3>
							<p>这些都是点击量最高的哦~~亲们赶快行动起来吧~~~~</p>
					</div>
                    <?php if(is_array($food)): $i = 0; $__LIST__ = $food;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="today-grids"> 

						<div class="col-md-3 today-grid test1">
                    
						<img src="/recipe/Public/Uploads/foodphoto/<?php echo ($vo["photo"]); ?>" class="img-responsive" alt="/" style="width:300px; height:200px;">
							<div class="textbox">
								<h4><?php echo ($vo["name"]); ?> </h4>
								<p><?php echo ($vo["jianjie"]); ?></p>
							</div>
                   
						</div><?php endforeach; endif; else: echo "" ;endif; ?>
						
					</div> -->
				</div>
				<!--end-hot-offer-->
				
				<div class="order-grids">
				<div class="container">
				<div class="order-head">
						<h3>菜品分类</h3>
							<p>总有一款适合您~~~大江南北的~~~~</p>
					</div>
				<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingOne">
							<h4 class="panel-title">
								<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
									外国菜谱
								</a>
							</h4>
						</div>


						<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
							<div class="panel-body">

							<?php if(is_array($food2)): $i = 0; $__LIST__ = $food2;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="col-md-3 order-grid">
								<img src="/recipe/Public/Uploads/foodphoto/<?php echo ($vo["photo"]); ?>" class="img-responsive" alt="/">
								</div><?php endforeach; endif; else: echo "" ;endif; ?>

							
							</div>
						</div>



					</div>
					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingTwo">
							<h4 class="panel-title">
								<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
								中国菜谱
								</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">


							<div class="panel-body">
						
	<?php if(is_array($food3)): $i = 0; $__LIST__ = $food3;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="col-md-3 order-grid">
								<img src="/recipe/Public/Uploads/foodphoto/<?php echo ($vo["photo"]); ?>" class="img-responsive" alt="/">
								</div><?php endforeach; endif; else: echo "" ;endif; ?>



						</div>
						</div>




					<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingThree">
							<h4 class="panel-title">
								<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
							家常菜谱
								</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
							<div class="panel-body">
							


<?php if(is_array($food4)): $i = 0; $__LIST__ = $food4;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="col-md-3 order-grid">
								<img src="/recipe/Public/Uploads/foodphoto/<?php echo ($vo["photo"]); ?>" class="img-responsive" alt="/">
								</div><?php endforeach; endif; else: echo "" ;endif; ?>

							</div>
						</div>
					</div>
										<div class="panel panel-default">
						<div class="panel-heading" role="tab" id="headingFour">
							<h4 class="panel-title">
								<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFoure">
							烘培屋
								</a>
							</h4>
						</div>
						<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
							<div class="panel-body">
							<?php if(is_array($food5)): $i = 0; $__LIST__ = $food5;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><div class="col-md-3 order-grid">
								<img src="/recipe/Public/Uploads/foodphoto/<?php echo ($vo["photo"]); ?>" class="img-responsive" alt="/">
								</div><?php endforeach; endif; else: echo "" ;endif; ?>
							</div>
						</div>
					</div>


				</div>
			</div>
			</div>
		 <div class="specials-section">
				<div class="container">
					<div class="col-md-3 specials">
					<h3>关于我们</h3>
					<p>为商家提供网上餐厅、高效订单管理、精准会员营销、优惠促销推荐、精准便捷财务统计等餐饮智能化管理营销服务。特面向社会征集广告语，要求作品涵盖产品功能，简单易记；设计出的作品要能传递产品特性</p>
				</div>
				<div class="col-md-3 specials1">
				<h3>网站特色</h3>
				<ul>
					<li><a href="#">步骤简单</a></li>
					<li><a href="#">内容清晰</a></li>
					<li><a href="#">食材普遍</a></li>
					<li><a href="#">盛世美味</a></li>
				</ul>
				</div>
			<div class="col-md-3 specials1">
			<h3>网站须知</h3>
			<ul>
				<li><a href="#">未经允许，不得转载</a></li>
				<li><a href="#">绿色空间，健康发言</a></li>
				<li><a href="#">未经允许，不得转载</a></li>
				<li><a href="#">绿色空间，健康发言</a></li>
			</ul>
			</div>
			<div class="col-md-3 specials1">
			<h3>联系我</h3>
			<ul>
				<li><a href="#">QQ：1162200314</a></li>
				<li><a href="#">微信：15382290458</a></li>
				<li><a href="#">电话：15382290458</a></li>
			
			</ul>
			</div>
			<div class="clearfix"></div>
			</div>
			</div>
	</div>
	<div class="footer-section">
					<div class="container">
						<div class="footer-top">
						<p>icook 版权归属于 14110100436 魏莹悦</p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


					</div>
					</div>


	 
	
</body>
</html>